dd{
	margin-left: 20px;
}
dt{
	font-weight: bold;
}

body {
	font-size: 1em;
	font-family: Arial,Helvetica,sans-serif;
	background: #DFDDE8;
}
pre {
	font-size: .9em;

}
h2 a,
h3 a {
	font-weight: bold;
	color: #c79900;
}
h2 a:hover, h3 a:hover {
	background: #d7c896;
}

h2 {
	font-size: 1.4em;
}
h3 {
	font-size: 1.1em;
}
h4 {
	font-size: 1.0em;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}
h2, h3 {
	margin-bottom: 1em;
}
h1, h2, h3, h4, h5 {
	font-weight: bold;
	color: #000000;
	text-align: left;
}
strong {
	font-weight: bold;
}

table {
border-spacing: 0px;
border-style: outset;
background-color: white;
}
td { vertical-align: top; }

td.thin { 
	vertical-align: top; 
	line-height: 0.75em;
}

table.two-col-list {
	width: 90%;
}

table.two-col-list td.left-column,
table.two-col-list td.right-column {
	width: 50%;
}
.rightThumbnail { 
	width:372px;
	border:0px;
	float: right;
	padding-left: 1.8em;
	margin-top:0;
	margin-left:1em;
	line-height:1.2em;
}
.alignLeft { float:left; margin-right: 0em; }
.alignRight { float:right; margin-left: 0em; }

#container {
	width: 59.375em;
	margin: auto auto 2.5em;
	position: relative;
	text-align: left;
}
	#header #navigation {
		float: left;
	}
	#header #navigation ul li {
		float: left;
		margin-left: 1.5em;
	}
	#header #navigation ul li a {
		float: left;
		font-size: 1.1em;
		font-weight: bold;
	}	
#content {
	clear: both;
	margin-top: 1em;
	position: relative;
	width: 59.375em;
	text-align: left;
}
	
	#content #contentLeft {
		float: left;
		width: 27.4em;
		margin-left: 2.5em;
	}
		#content p,
		#content #contentLeft p,
		#content #contentRight p,
		#content #contentAll p {
			margin-bottom: 1em;
			font-size: 0.9em;
			line-height: 1.5;
		}
		#content p.radioButtons {
			margin-bottom: 0.24em;
		}
		#content #contentRight p.feature,
		#content #contentAll p.feature {
			font-size: 1.1em;
			color: #532363;
		}
		#content #contentRight h3,
		#content #contentAll h3{
			margin-top: 1.8em;
		}		
	#content #contentRight {
		float: left;
		width: 25em;
		margin-left: 1.5em;
	}
	#content #contentAll {
		margin-left: 3.5em;
		margin-bottom: 2.5em;
		width: 54em;
	}
#footer {
	text-align: center;
	display: block;
	width: 59.375em;
	margin-top: 1em;
	padding-top: 1em;
}
	#footer ul {
		margin: 0 auto;
	}
	#footer ul li {
		display: inline;
		margin-left: 1em;
		color: #666;
	}
	#footer ul li a {
		padding-left: 1em;
	}
	#footer ul li,
	#footer ul li a {
		font-size: 0.9em;
	}
a:link,
a:visited,
a:hover {
}



.clear-both {
	clear: both;
}
.box {
	padding: 1.5em 1em;
	margin-bottom: 1.5em;
	position: relative;
	border: 1px solid #CED6DD;
}


	.box.solid {
		background: #39275B;
	}
	.box.stripe {
		padding-top: 2.8em;
	}
	.box .stripe {
		z-index: 99;
		height: 25px;
		width: 100%;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		background: #39275B;
		border-bottom: 1px solid #CED6DD;
	}
	.box .corner {
		position: absolute;
		z-index: 999;
		display: block !important;
	}
	.box .corner.top-left {
		top: -1px;
		left: -1px;
		width: 6px;
		height: 7px;
	}
	.box .corner.top-right {
		top: -1px;
		right: -1px;
		width: 6px;
		height: 7px;
	}
	.box .corner.btm-left {
		bottom: -1px;
		left: -1px;
	}
	.box .corner.btm-right {
		bottom: -1px;
		right: -1px;
	}

		form#pipeline_status label {
			position: static;
		}
		form#chart_datepicker {
			position: relative;
			margin-bottom: 2em;
		}
			form#chart_datepicker label {
				margin-bottom:1.2em;
				margin-right:1em;
				text-align:right;
				width: 6em;
			}
			form#chart_datepicker #rdoDates1,
			form#chart_datepicker #rdoDates2 {
				position: absolute;
				left: 16em;
				background: #eee;
				border: 1px solid #ccc;
				width: 11em;
				padding: 0.2em 0;
				font-size: 0.9em;
			}
			form#chart_datepicker #rdoDates1 {
				top: -0.1em;
			}
			form#chart_datepicker #rdoDates2 {
				top: 2em;
			}
			form#chart_datepicker #count_type_Total {
				margin-left: 0.4em;
			}
			form#chart_datepicker #rdoDates1 input,
			form#chart_datepicker #rdoDates2 input {
				vertical-align: inherit;
				width: 2em;
			}
			form#chart_datepicker input#chart_datepicker_submit {
				font-size:1.3em;
				left:4em;
				padding:0 10px;
				position:absolute;
				top:2.9em;				
			}
			form#chart_datepicker input#start_date,
			form#chart_datepicker input#end_date {
				width: 9.2em;
				padding: 2px;
			}
	form br {
		clear: left;
	}
	form input{
		font-size: 0.9em;
		padding: 4px;
	}
	form textarea {
		font-size: 0.9em;
		padding: 4px;
	}
	form textarea {
		height: 7em;
	}
	form input.submit {
		font-size: 0.9em;
		margin: 1em 0 0 14em;
	}

/* FEED Entry */

.mainContent {
	overflow: auto; 
	text-align: left; 
	background-color: #FFF;
}

.toolContainer p {
	padding: 1px 0;
}

.contentFilters {
	margin: 5px 0; 
	border-bottom: 1px solid #000; 
	overflow: auto; 
	height: 1%;
}

.contentFilters div.paging {
	float: right; 
	padding: 5px 10px;
}	

#addNewContent {
	clear: both;
	margin: 5px 0; 
	padding: 5px 12px;
}

.contentEntry {
	margin-bottom: 10px; 
	overflow: auto;
}

.contentEntry .entry {	 	
	margin-bottom:0.2em;
}

.contentEntry .entry ul {
	margin: 0; 
	padding: 15px 0 15px 15px;
}

.mentionbox{
	position: relative;
	padding: 3px 20px 1px 20px;
	margin: 10px;
	min-height: 110px;
	background-color: #CCC;
	color: #000;
}

.mentiontext{
	position: relative;
	display:block;
	margin-left: 60px;
	vertical-align: Top;
	min-height: 60px;
	
}

.mentionbottom{
	margin-left: 10px;
	margin-right: 10px;
}

.mentionpix{
	position:absolute;
	left:0px;
}

.mention{
	position: relative;
	padding: 10px 10px 0px;
}
.mentionaction{
	border-top:1px solid black;
	padding: 5px;
}

.contentEntry .entry ul li.status {
	padding: 5px;
	background-color: #00FF99;
	color: #000;
}
.ui-datepicker { background: #fff; }

/* Status Colors */
.contentEntry .entry ul li.status,
.contentEntry .entry ul li.source {
	font-size: 0.95em;
}
.contentEntry .entry ul li.status.approved {
	background-color: #00FF00;
}

.contentEntry .entry ul li.status.onDate {
	background-color: #FFFF00;
}

.contentEntry .entry ul li.hashTag {
	background-color: #666; 
	color: #fff;
}

.contentEntry .entry ul li.hashTag a {
	color: #FFF;
}

.contentEntry .entry ul li.source {
	background-color: #999; 
	color: #FFF; 
	padding: 5px;
}

.contentEntry .entry ul li.source strong {
	color: #333; 
}

.toolContainer {
	margin: 15px 15px 10px 0; 
	padding: 5px; 
	background-color: #fff;
	height:8.8em;
	position: relative;
}


/* Tool Container Form */

.toolContainer .radioButtons {clear: both;}
.toolContainer .radioButtons input.radio { float: left; display: inline; }
.toolContainer .submitStatus { position: absolute; right: 1em; bottom: 0; }
.toolContainer .radioButtons label { clear:right; }
.toolContainer .radioButtons label { padding: 0 0 0 19px; line-height: normal !important; margin-bottom: 0 !important;}
.toolContainer .radioButtons { margin-bottom: 5px; }

/* Hidden Shorten URL Form */

form.frmUrl span {
	color: #666;
	font-size: 0.7em;
	margin-left: 0.5em;
}

form.frmUrl label {
	margin-bottom: 1.5em;
}
form.frmUrl input.text,
form.frmUrl select {
	padding: 3px;
	width: 10em;
}
form.frmUrl select {
	width: 10.6em;
}
form.frmUrl label#forceNew {
	width: 6em;
}
form.frmUrl #chkForceNew {
	margin-right: 0.5em; 
}
form.frmUrl #btnShorten {
	margin-bottom: 1.5em;
	font-weight: bold;
}
form.frmUrl #btnNewTweet {
	margin-left: 1em;
}



/* IE 6 fixes */
	* html #header {
		height: 5em;
	}
	* html .box .corner.top-left {
		top: -1px;
		left: -1.05em;
	}
	* html .box .corner.top-right {
		top: -1px;
		right: -1px;
	}
	* html .box .corner.btm-left,
	* html .box .corner.btm-right {
		display: none !important;
	}		
	* html #header #navigation ul li {
		margin-left: 2.95em;
	}
/* IE 7 fixes */
	:first-child + html form#chart_datepicker input#chart_datepicker_submit {
		padding: 0;
		top: 3.5em;
	}
	:first-child + html form#chart_datepicker {
		margin-bottom: 3em;
	}
	:first-child + html form#chart_datepicker #rdoDates1 input,
	:first-child + html form#chart_datepicker #rdoDates2 input {
		position: relative;
		top: -3px;
		left: 5px;
	}


#feed-source-list, #wb-list, #hashtags-list, #feed-source-data-formats, #accounts-list, #feed-source-locations {
	margin-bottom: 1em;
	margin-left: 1em;
	margin-top: 1.5em;
}
.feed-source-actions, .data-format-actions, .hashtag-actions, .account-actions {
	font-size: 0.9em;
	padding-left: 0.8em;
}
#feedSources ul.feed-source-actions li  {
	border:0px;
}
.feed-source-title,
.account-title,
.data-format-name {
	font-size: 1.3em;
	font-weight: bold;
}
.feed-source-block,
.account-block,
.feed-source-data-format {
	padding-bottom: 1em;
}

.account-title {
	padding-bottom:5px;
}
.account-block {
	line-height:16px;
	border:1px solid #DBE1F1;
	clear:both;
	padding:5px;
	margin-bottom:3px;
}

.account-block .account-left {
	float: left;
	width:200px;
}
.account-block .account-right {
	float: left;
	text-align:right;
	width:380px;
}

.account-block td,
#wb-list td,
.hashtag-block td {
	padding-left: 0.5em;
	padding-right: 0.5em;
}
.feed-source-info,
.data-format-info {
	color: #303030;
	padding-left: 0.5em;
	font-size:1.1em;
}
.feed-source-info a {
	font-size: 0.8em;
	font-style: normal;
}
.feed-source-title {
	padding-left:.5em;
}


#fpWrapper {
	width:90%;
	text-align:left;
	margin:auto;
}
#fpHeader {
	background: url(/prospero/s/i/logo.png) 0 0 no-repeat;
	border-top:1px solid #DFDDE8;
	height:100px;
	background-color:#39275b;
}
#fpNavBar {
	border-top:1px solid #d7a900;
	background-color: #000000;
	color: #d8d9da;
	/*padding:9px 0px;*/
	font-size: .9em;
}
#fpNavBar ul, #fpNavBar li {
	list-style-type:none;
	display:inline;
	margin:10px 10px 0px 0px;
}
#fpNavBar a:link, #fpNavBar a:visited {
	color: #ffffff;
	text-decoration: none;
	background-color: #000000;
	/*background-color:  #39275b;*/
	/*padding: 3px 10px 6px 8px;*/

}
#fpNavBar a:hover {
	/*background-color:  #000000;*/
	background-color: #000000;
	color: #d8d9da;
	color: #d7a900;
	text-decoration: underline;
	/*padding: 3px 10px 6px 8px;*/
}

#prediction_summary {
	padding: 0em 1.5em 0em 1.5em;
}

#nav_help {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	text-align:left;
	display:block;
	float:right;
	width:120px;
}
#fpLogin label {
	color:#000000;
	display:block;
	width:120px;
	height:17px;
	font-size:.9em;
	text-align:left;
	/*position:absolute;
	//line-height:17px;
	//z-index:5;*/
}
#fpLogin {
	text-align:left;
/*	display:block;
//	float:right;
//	width:440px;
//	margin-top:10px;*/
}
#fpLogin fieldset, #signInButton {
	width:320px;
	margin-right:20px;
/*	display:block;
//	float:left;*/
}
#username, #password {
	text-align:left;
	width:300px;
	height:17px;
/*	padding-left:.5em;
//	-webkit-border-radius: 	3px;
//	-khtml-border-radius: 	3px;	
//	-moz-border-radius: 	3px;
//	border-radius: 			3px;*/
	border:1px solid black;
	background: #f0f0f0;
}
#signInButton {
	margin-top:17px;
	width:50px;
}
#bodyLogin {
	background-color:#ffffff;
}
#fpBridge {
	text-align:left;
	font-size:26px;
	font-weight:bold;
	color:#4e5d7a;
	width:420px;
	padding-left:45px;
	padding-top:40px;
}
#getStartedNow {
	color:#4e5d7a;
	float:right;
	text-align:center;
	margin-right:138px;
	margin-top:70px;
}
#fpHeaderNav {
	background-color:#39275b;
	color:#EBB700;
	font-size:1.2em;
	width:50%;
	float:right;
	text-align:right;
	margin-top:20px;
	margin-right:20px;
}
#fpHeaderNav a {
	color: #ffffff;
	background-color:#39275b;
	margin:0px 6px;
	text-decoration: none;
}

#pipeline {
	color:#000000;
	position:relative;
	height:900px;
	width:98%;
}
#pipeline .timing {
	margin-bottom:15px;
	width:100%;
}
#pipeline .status {
	margin-bottom:10px;
	color: #999999;
}
#pipeline .published_status {
	margin-bottom:10px;
	font-size:11px;
	color: #999999;
}
.statusOld {
	width:100%;
	height:11px;
	line-height:11px;
	color: #999999;
}

.warningMessage {
	color: #f08900;
	/* background-color: #c6c9cc; */
}
.errorMessage {
	color: red;
}


#error_page_inner {
	padding:30px;
	text-align:left;
	line-height:20px;
	font-size:14px;
	height:400px;
	width:100%;
}
#error_page_inner .error_title {
	font-size:20px;
	margin-bottom:15px;
	font-weight:bold;
}

#error_page_inner .error {	}
#error_page_inner .error_contact {	
	margin-top:10px;
	width:400px;
}

#error_page_inner .error_notes {
	margin:15px 0px;
	width:300px;
	font-size:12px;
	line-height:15px;
	font-style:italic;
	overflow:auto;
}

#user_manual {
	background: #ffffff;
	line-height: 1.25em;
	text-align: left;
	padding:1em 1em 1em 1em;
	margin-left: 0;
	margin-right: 0;
}

#user_manual h1 {
	text-align: center;
}

#user_manual ul {
	margin-top: 0;
	margin-bottom: 0;
}

#user_manual table {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: auto;
	margin-right: auto;
	border-width: 2px 7px 7px 7px;
	border-style: solid; 
	border-color: #000000
			#DFDDE8
			#DFDDE8
			#DFDDE8;
	padding: 5px;
}

/* #user_manual p {
	// margin-top: 0;
	// margin-bottom: 0;
// } */

p.thin {
	margin-top: 0.25em;
	margin-bottom: 0.25em;
}
p.nobreak {
	margin-top: 0;
	margin-bottom: 0;
}
 
p.break {
	margin-top: 0.75em;
	margin-bottom: 0.75em;
}
 
p.breakup {
	margin-top: 0.75em;
	margin-bottom: 0;
}

p.breakdown {
	margin-top: 0;
	margin-bottom:  0.75em;
}

#about, #index, #prospero, #legal {
	background: #ffffff;
	line-height: 1.5em;
	text-align: left;
	padding:1em 1em 1em 1em;
}
#user_manual a:link,
#user_manual a:visited {
	color: #0011dd;
	text-decoration: none;
	/* padding: 0px 6px 0px 6px;
	// padding: 0px 0px 0px 0px;
	// margin-right: 0em;*/
}

#about a:link, #about a:visited, 
#index a:link, #index a:visited {
	/*background-color: #DFDDE8;*/
	color: #0046ad;
	padding: 0px 6px 0px 6px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	margin-right: 0em;


}
#user_manual a:hover,
#about a:hover, 
#index a:hover {
	text-decoration: underline;

}

#index a:link img,
#index a:visited img,
#index a:hover img, 
#index a:active img { 
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	background-color: #CC3366;
 } 

#tos,#thankyou{
	font-size:10pt;
	background:#FFF;
	text-align:left;
	padding:30px;
}
#index ul {

	list-style-type: circle;
	padding-left: 1em;
}
#all_projects li a:link, #all_projects li a:visited,
#project      li a:link, #project      li a:visited, 
#sample       li a:link, #sample       li a:visited,
#chain        li a:link, #chain        li a:visited,
#experiment   li a:link, #experiment   li a:visited 
{
	background-color: #ffffff;
}

#all_projects li a:hover,
#project      li a:hover,
#sample       li a:hover,
#chain        li a:hover,
#experiment   li a:hover
{
	background-color: #d7a900;
}
#all_projects ul, #project ul, #sample ul, #chain ul, #experiment ul {
	line-height: 1.25em;
	margin-left: 0em;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 1.2em;
	padding-top: 0;
	padding-bottom: 0;
	background-color: #ffffff;
}
#all_projects li {
	font-size:  0.95em;
	list-style-type: circle;
	list-style-image: url(/prospero/s/i/big_circle.png);
	/* list-style-type: disc;
	// padding-left: 30px;
	// background: url(/prospero/s/i/freezer_2.png) 0 0 no-repeat;*/
}
#project li {
	list-style-type: circle;
	list-style-image: none;
	/* padding-left: 25px;
	// background: url(/prospero/s/i/tray.png) 0 0 no-repeat;*/
}
#sample li {
	list-style-type: disc;
	/* padding-left: 20px;
	// background: url(/prospero/s/i/sample.png) 0 0 no-repeat;*/
}
#experiment li {
	list-style-type: square;
	list-style-image: url(/prospero/s/i/dot.png);
	/* margin-left: 0px;
	// padding-left: 0px;
	// background: none;
	// padding-left: 25;
	// list-style-type: none;
	// background: url(/prospero/s/i/microscope.png) 0 0 no-repeat;*/
}
#chain li {
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: disc;
	background: none;
}
#project_top li { 
	padding-left: 25px;
	list-style-type: none;
	background: url(/prospero/s/i/bulb.png) 0 0 no-repeat;
}
#index ol {
	padding-left: 0em;
	list-style-type: decimal;
	list-style-position: inside; 

}
#footnote li {
	list-style-type: none;	
	padding-left: 1em;
	text-indent: -1.25em;
}




fieldset {
	padding: 1em;
}

fieldset .button,
fieldset .checkbox,
fieldset .contentbutton,
fieldset .date,
fieldset .file,
fieldset .image,
fieldset .multi,
fieldset .password,
fieldset .radio,
fieldset .recaptcha,
fieldset .reset,
fieldset .select,
fieldset .submit,
fieldset .text,
fieldset .textarea
{
	display: block;
	clear: left;
	border: 0;
	margin: 1px;
	/* when no label */
	margin-left: 12em;
}

/* make the noscript textarea sit below the iframe
*/
fieldset .recaptcha noscript textarea {
    display: block;
}

/* override the iframe's height="" - it seems a bit big
*/
fieldset .recaptcha iframe {
	height: 230px ! important;
}

fieldset .button.label,
fieldset .checkbox.label,
fieldset .contentbutton.label,
fieldset .date.label,
fieldset .file.label,
fieldset .image.label,
fieldset .multi.label,
fieldset .password.label,
fieldset .radio.label,
fieldset .recaptcha.label,
fieldset .reset.label,
fieldset .select.label,
fieldset .submit.label,
fieldset .text.label,
fieldset .textarea.label
{
	margin-left: 1px;
}

fieldset .error.label {
	/* border + margin swap values with above, to ensure rows align */
	border: 1px #fff;
	margin: 0;
}

form .form_error_message {
	padding: 0.5em;
	border: 1px solid #ff0000;
	background-color: #ffdddd;
}

fieldset .error_message {
	display: block;
	color: #ff0000;
}

fieldset .label .error_message {
	/* padding-left eq label width + padding-right */
	padding-left: 12em;
}

fieldset .error input,
fieldset .error textarea,
fieldset .error select {
	background-color: #ffdddd;
}

fieldset .button label,
fieldset .contentbutton label,
fieldset .checkbox label,
fieldset .date label,
fieldset .file label,
fieldset .image label,
fieldset .multi label,
fieldset .password label,
fieldset .radio label,
fieldset .radiogroup label,
fieldset .recaptcha label,
fieldset .select label,
fieldset .text label,
fieldset .textarea label
{
	display: inline;
	float: left;
	width: 11em;
	text-align: right;
	padding-right: 1em;
}

fieldset .radiogroup span label {
	/* undo the above style */
	float: none;
	width: auto;
	text-align: left;
	padding-right: 1em;
}

fieldset .multi .elements {
	display: block;
	float: left;
}

fieldset .multi .elements label {
	display: block;
	width: auto;
	padding-right: 0.25em;
}

fieldset .multi input,
fieldset .multi select {
	display: block;
	float: left;
	margin-right: 0.5em;
}

fieldset.checkboxgroup,
fieldset.radiogroup
{
	margin: 0;
	margin-left: 12em;
	padding: 0;
	border: 0;
}

fieldset.radiogroup.label {
	border: 0;
	margin-left: 0em;
}

fieldset .comment .comment {
	/* when no label */
	display: block;
	margin-left: 0em;
}

fieldset .label .comment {
	display: block;
	margin-left: 12em;
}

/*** Radio Group Layouts ***/


fieldset.radiogroup  input
{
	display: block;
	float: left;
	clear: left;
	margin-right: 0.5em;
}


fieldset.radiogroup label
{
	display: block;
	clear: right;
}


fieldset .fullwidth label
{
	display: block;
	float: left;
	width: auto;
	text-align: left;
}

fieldset .fullwidth .error_message {
	padding-left: 0em;
}

fieldset .fullwidth textarea
{
	display: block;
	clear: left;
	width: 30em;
}

fieldset .dojoeditor2 .RichTextEditable { /* Dojo::Editor2 */
	display: inline;
	float: left;
	background-color: #ffc;
	padding-bottom: 0.1em;
}

#chart_histogram
{
	margin: 20px 0px 10px 0px;
	width: 90%;
	height:350px;
}

#graph
{
	position:relative;
	width:*;
	height:240px;
	padding:0;	
	background-color: #EBB700
}


#graph ul
{
	position:absolute;
	top:0;
	left:32px;
	display:block;
	width:600px;
	height:200px;
	border-left:1px solid black;
	border-bottom:1px solid black;	
	margin:0;
}

#graph li
{
	list-style:none;
	position:absolute;	
	width:40px;
	text-align:center;
	border:1px solid black;
	visibility: hidden;
	background: url(/prospero/s/i/bar.png) ;
	background-repeat:repeat-y;
}


/* Disembl */

P.monospaced {
	text-align: left;
}


STRONG.coils {
	color: #00009F;
	font-weight: normal;
}

STRONG.rem465 {
	color: #009F00;
	font-weight: normal;
}

STRONG.hotloops {
	color: #9F0000;
	font-weight: normal;
}

STRONG.tango {
	color: #FF9900;
	font-weight: normal;
}

STRONG.cast {
	color: #F82DFF;
	font-weight: normal;
}



